<template>
  <div class="common-layout">
    <el-container>
      <el-header>
        <Header />
      </el-header>
      <el-container>
        <el-aside width="200px">
          <Aside />
        </el-aside>
        <el-main><router-view /></el-main>
      </el-container>
    </el-container>
  </div>

  <CreateModel />
</template>

<script setup>
import { Search } from '@element-plus/icons-vue'
import Aside from "@/components/layout/Aside.vue"
import Header from "@/components/layout/Header.vue"
import CreateModel from "@/components/dialog/CreateModel.vue"

</script>

<style scoped lang="less">
.el-header {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
}

.el-aside {
  background: rgb(245, 246, 247);
  height: calc(100vh - 60px);
  width: 240px;
}

.el-main {
  background: rgb(255, 255, 255);
  height: calc(100vh - 60px);
  overflow: auto;
  padding: 15px!important;
}
</style>
